<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
 
    <%@include file="common/common.inc" %>
    <title>快小递后台管理</title>
    <link href="${basePath}/css/plugins/blueimp/css/blueimp-gallery.min.css" rel="stylesheet">
    <style>
        .lightBoxGallery img {
            margin: 5px;
            width: 160px;
        }
    </style>   
    <script src="${basePath}/js/plugins/blueimp/jquery.blueimp-gallery.min.js"></script>
    
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content">
        <div class="row">
            <div class="col-lg-12">
                <div class="ibox float-e-margins">

                    <div class="ibox-content">
                        <h2>操作指南</h2>
                        <p>
                        </p>
                        <div class="lightBoxGallery">
                             <a href="${basePath}/images/link/01.png" title="登陆账户信息" data-gallery=""><img src="${basePath}/images/link/01.png"></a>
                             <a href="${basePath}/images/link/02.png" title="菜单操作-展开" data-gallery=""><img src="${basePath}/images/link/02.png"></a>
                             <a href="${basePath}/images/link/03.png" title="菜单操作-点击" data-gallery=""><img src="${basePath}/images/link/03.png"></a>
                             <a href="${basePath}/images/link/04.png" title="导航操作" data-gallery=""><img src="${basePath}/images/link/04.png"></a>
                             <a href="${basePath}/images/link/05.png" title="表格区域说明" data-gallery=""><img src="${basePath}/images/link/05.png"></a>
                             <a href="${basePath}/images/link/06.png" title="表格区域说明" data-gallery=""><img src="${basePath}/images/link/06.png"></a>
                             <a href="${basePath}/images/link/07.png" title="表格区域说明" data-gallery=""><img src="${basePath}/images/link/07.png"></a>
                             <a href="${basePath}/images/link/08.png" title="表格区域说明" data-gallery=""><img src="${basePath}/images/link/08.png"></a>
                             <a href="${basePath}/images/link/09.png" title="隐藏按钮" data-gallery=""><img src="${basePath}/images/link/09.png"></a>
                             <a href="${basePath}/images/link/10.png" title="隐藏按钮" data-gallery=""><img src="${basePath}/images/link/10.png"></a>
                            
                            <div id="blueimp-gallery" class="blueimp-gallery">
                                <div class="slides"></div>
                                <h3 class="title"></h3>
                                <a class="prev">‹</a>
                                <a class="next">›</a>
                                <a class="close">×</a>
                                <a class="play-pause"></a>
                                <ol class="indicator"></ol>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>